class: center, middle, inverse, title-slide .title[ # Creación de presentaciones con xaringan ] .subtitle[ ## 4to Encuentro Anual de RLadies MX ] .author[ ### Joselyn Cristina Chávez Fuentes<br><br>23 de septiembre de 2023 ] --- ## Basado en - ["R Markdown: The Definitive Guide"](https://bookdown.org/yihui/rmarkdown/) - ["bookdown: Authoring Books and Technical Documents with R Markdown"](https://bookdown.org/yihui/bookdown) --- # El paquete xaringan .left-column[<br><br> <img src="data:image/png;base64,#img/xaringan.png" width="100%" style="display: block; margin: auto;" /> ] .right-column[ - Instalación: ```r install.packages("xaringan") ``` - Creación de una nueva presentación: File > New file > R Markdown > From Template > Ninja Presentation ] --- # Previsualización de las diapositivas .pull-left[<br><br><br> ```r infinite_moon_reader() xaringan::inf_mr() ``` ] .pull-right[<br> <img src="data:image/png;base64,#img/viewer.png" width="100%" style="display: block; margin: auto;" /> ] --- # La diapositiva de título <img src="data:image/png;base64,#img/title_slide.png" width="60%" style="display: block; margin: auto;" /> --- # Modificando la diapositiva de título .pull-left[ <img src="data:image/png;base64,#img/rladies_theme1.png" width="100%" style="display: block; margin: auto;" /> ] .pull-right[ <img src="data:image/png;base64,#img/rladies_theme2.png" width="100%" style="display: block; margin: auto;" /> ] Otros temas: chocolate, duke, fc, hygge, ki, lucy, metropolis, middlebury, nhsr, robot, uio, useR, uwm, wic. --- # Diapositivas de contenido <img src="data:image/png;base64,#img/contenido.png" width="50%" style="display: block; margin: auto;" /> --- # Ejecutando código <br> .pull-left[<br> <img src="data:image/png;base64,#img/code_1.png" width="70%" style="display: block; margin: auto;" /> ] .pull-right[ <img src="data:image/png;base64,#img/code_2.png" width="100%" style="display: block; margin: auto;" /> ] --- # Habilitar el copiado de código Agrega el siguiente chunk al inicio de la presentación: <img src="data:image/png;base64,#img/clipboard.png" width="80%" style="display: block; margin: auto;" /> --- # Incluyendo imágenes <img src="data:image/png;base64,#img/graphics.png" width="80%" style="display: block; margin: auto;" /> - El tamaño de la imagen se puede modificar usando las opciones out.width, out.height, fig.width, fig.height. - Las dimensiones se indican como porcentaje o como número de pixeles. --- # Alineación del contenido - Afectando todo el contenido de la diapositiva ```r class: center class: middle ``` - Afectando contenido específico ```r .center[] .pull-left[] .pull-right[] ``` --- # El archivo .css <img src="data:image/png;base64,#img/css1.png" width="80%" style="display: block; margin: auto;" /> --- # El archivo .css <img src="data:image/png;base64,#img/css2.png" width="25%" style="display: block; margin: auto;" /> --- # Compartiendo la presentación ## Como página web Generar el archivo html usando Knit > Publicar usando **GitHub pages** <img src="data:image/png;base64,#img/settings_1.png" width="80%" style="display: block; margin: auto;" /> --- <br> .pull-left[ <img src="data:image/png;base64,#img/settings_2.png" width="80%" style="display: block; margin: auto;" /> ] .pull-right[<br> <img src="data:image/png;base64,#img/settings_3.png" width="80%" style="display: block; margin: auto;" /> ] --- # Compartiendo la presentación ## Como pdf Generar el archivo html usando Knit > Convertir a pdf usando **pagedown** ```r pagedown::chrome_print("presentacion.html") ``` Nota: Es necesario mantener el ratio original de las diapositivas. --- # Información adicional .center[https://bookdown.org/yihui/rmarkdown/xaringan.html] <img src="data:image/png;base64,#img/xaringan_book.png" width="60%" style="display: block; margin: auto;" /> --- .pull-left[<br><br><br><br><br><br><br> .center[ # ¡Gracias! ] ] .pull-right[<br><br><br> <img src="data:image/png;base64,#img/gracias.png" width="100%" style="display: block; margin: auto;" /> ]